
<div class="right-plate" style="top:146px;" id="synonymTable">
    <div class="table-thead" [ngClass]="{'table-thead-scroll':tabVal && tabVal.length > 17}">
      <table class="tableStyle table table-hover table-striped">
        <thead>
          <tr>
            <th class="w5 text-center max-w">
              选择
              <!-- <input type="checkbox" #event (click)="selectAll(event.checked,tabVal)" [checked]="isSelectAll"> -->
            </th>
            <th class="w5 text-center max-w">序号</th>
            <th class="w30 text-left max-w">备份文件名</th>
            <th class="w30 text-left max-w">备份路径</th>
            <!-- <th class="w15 text-left max-w">文件大小</th> -->
            <th class="w15 text-left max-w">备份时间</th>
          </tr>
        </thead>
      </table>
    </div>
    <div class="table-tbody">
      <table class="tableStyle table table-hover table-striped">
        <tbody>
          <tr *ngFor="let val of tabVal;let i = index">
            <td class="bs-checkbox w5 text-center">
              <input type="radio" name="databaseId" #event (click)="chose(event.checked,val.id,tabVal.length)" [checked]="isChose">
            </td>
            <td class="w5 text-center">{{ i+1 }}</td>
            <td class="w30 text-left max-w" [title]="val.backName">{{ val.backName }}</td>
            <td class="w30 text-left max-w">{{val.backPath}}</td>
            <!-- <td class="w15 text-left max-w">{{val.fileSize}}</td> -->
            <td class="w15 text-left max-w">{{val.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
          </tr>
  
        </tbody>
      </table>
    </div>
  </div>
